<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>成功案例</title>
    <link rel="stylesheet" href="css/case.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/successful_case.css">
</head>

<body>
    <!-- 头部制作 -->
    <div class="header">
        <div class="w">
            <div class="header_fl">
                欢迎来到XXX律师事务所官网，我们将竭诚为您服务！
            </div>
            <div class="header_fr">
                <img src="images/tel.png" alt="">
                咨询热线：<span>400-XXX-XXXX</span>
            </div>
        </div>
    </div>
    <div class="head">
        <div class="w">
            <div class="logo">
                <h1>
                    <a href="#">XXXX律师事务所</a>
                </h1>
                <h2>XXXX律师事务所</h2>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">服务项目</a></li>
                    <li><a href="#">成功案例</a></li>
                    <li><a href="#">律师团队</a></li>
                    <li><a href="#">新闻动态</a></li>
                    <li><a href="#">联系方式</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="w">
        <div class="focus_bg">
            <h1>
                为您排忧解难<br>
                是我们最重要的事
                <p>咨询热线：400-XXX-XXXX</p>
            </h1>
            <div class="shortnav w">
                <ul>
                    <li>
                        <img src="images/p1_act0.png" alt="">
                        找律师
                    </li>
                    <li>
                        <img src="images/p2_819t.png" alt="">
                        选服务
                    </li>
                    <li>
                        <img src="images/p3_g51q.png" alt="">
                        看案例
                    </li>
                    <li>
                        <img src="images/p4_q67r.png" alt="">
                        要咨询
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主体部分制作 -->
    <div class="successful_case">
        <div class="w">
            <div class="hd">
                <h2>
                    <img src="images/sub-page.png" alt="">
                    成功案例
                </h2>
                <p>首页 &gt;&gt; 成功案例</p>
            </div>
            <div class="bd">
                <ul>
                    <li>
                        <img src="images/law2_13_dbru.png" alt="">
                        <h3>由一起欠条案谈举证责任的分配</h3>
                        <p>
                            原告刘某诉称：原、被告因生意往来，被告分别于2006年1月26日、3月10日立下欠条2张，共欠原告2......
                        </p>

                    </li>
                    <li>
                        <img src="images/law2_11_p4o0.png" alt="">
                        <h3>由一起欠条案谈举证责任的分配</h3>
                        <p>
                            原告刘某诉称：原、被告因生意往来，被告分别于2006年1月26日、3月10日立下欠条2张，共欠原告2......
                        </p>
                    </li>
                    <li>
                        <img src="images/law2_09_gq2i.png" alt="">
                        <h3>由一起欠条案谈举证责任的分配</h3>
                        <p>
                            原告刘某诉称：原、被告因生意往来，被告分别于2006年1月26日、3月10日立下欠条2张，共欠原告2......
                        </p>
                    </li>
                    <li>
                        <img src="images/law2_05_1fhd.png" alt="">
                        <h3>由一起欠条案谈举证责任的分配</h3>
                        <p>
                            原告刘某诉称：原、被告因生意往来，被告分别于2006年1月26日、3月10日立下欠条2张，共欠原告2......
                        </p>
                    </li>
                    <li>
                        <img src="images/law2_05_1fhd.png" alt="">
                        <h3>由一起欠条案谈举证责任的分配</h3>
                        <p>
                            原告刘某诉称：原、被告因生意往来，被告分别于2006年1月26日、3月10日立下欠条2张，共欠原告2......
                        </p>
                    </li>
                    <li>
                        <img src="images/law2_03_ovff.png" alt="">
                        <h3>由一起欠条案谈举证责任的分配</h3>
                        <p>
                            原告刘某诉称：原、被告因生意往来，被告分别于2006年1月26日、3月10日立下欠条2张，共欠原告2......
                        </p>
                    </li>
                </ul>
                <div>
                    <a href="#">1</a>
                    <span>到第</span>
                    <a href="#">
                        <input type="tel">
                    </a>
                    <span>页</span>
                    <a href="#">跳转</a>
                    <span>共1页</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚制作 -->
    <div class="w">
        <div class="footer">
            <ul>
                <li>
                    <img src="images/logo2.png" alt="">
                    <span>XXXXX律师事务所</span>
                </li>
                <li>
                    电话：0571-XXXXXXXX 传真：0571-XXXXXXXX 邮箱：XXXX@XXXX.com <br>
                    地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号
                </li>
                <li>
                    <img src="images/erweima.png" alt="">
                    <span>扫一扫<br>
                        关注官方微信</span>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>